The Editing Window

The space used for editing is the editing window, which consists of three main parts: Canvas Control, Playback Controls, and Timeline area.

Figure 8. Editing Window

Canvas Controls

The large, central area of the editing window is called the canvas. This offers a preview of all visual elements in your project. The gray space around the preview is for elements that will not be present in your exported video. This is used to display off-screen elements present in scaling and panning effects. The elements displayed on the canvas reflect the position of the scrubber on the timeline.

You can set the canvas size and background color using the canvas controls (see Configuring the Canvas).

Timeline Area

The wide area at the bottom of the screen is the timeline. This is a visual representation of the temporal length of your screencast. The scale at the top of the timeline represents measurements of time.

The red vertical line on the timeline is called the scrubber. This represents the current temporal position of the preview currently displayed on the canvas.

The timeline is divided into tracks to manage different clips overlapping at the same time. If the clip is visual (i.e. video, image, or text), the upper most track is displayed over the lower tracks.

Between the canvas and the timeline are playback controls which enable you to play your screencast and jump to the beginning or end of your video.

Properties

On the upper-right side of the editing window are the Properties tabs. These are the main editing controls of ScreenFlow and allow you to configure each clip in your screencast. It also includes the media library which stores all recorded and imported media in an unaltered state.

For more information, see the Properties topics in Editing ScreenFlow Projects.

ScreenFlow provides two different types of cropping.

Figure 9. Canvas Controls